<template>
    <div class="home">
      <van-search placeholder="请输入商品名称" v-model="value" />
      <van-swipe :autoplay="3000">
        <van-swipe-item v-for="(image,index) in images" :key="index">
          <img :src="image" class="swipe-img" />
        </van-swipe-item>
      </van-swipe>
      <div>不同工作空间进行合并</div>

      <p>11111</p>
      <p>22222</p>
      <p>33333</p>
      <p>44444</p>
      <p>55555</p>
      <p>77777</p>
      <p>66666</p>
      <p>韩宝亿</p>
      <p>韩宝亿的修改</p>

      <p>真的是要好好看看git教程了</p>

    </div>
</template>
<script type="text/ecmascript-6">
  import Vue from 'vue'
  import { Swipe, SwipeItem } from 'vant';
  import { Search } from 'vant';
  Vue.use(Search);
  Vue.use(Swipe).use(SwipeItem);
  export default{
    data(){
      return {
        images: [
          '../../static/images/flowers_1.jpg',
          '../../static/images/flowers_3.jpg',
          '../../static/images/flowers_4.jpg',
          '../../static/images/flowers_5.jpg',
          '../../static/images/flowers_6.jpg',
          '../../static/images/flowers_9.jpg',
        ],
        value:'',
      }
    },
    methods: {},
  }
</script>
<style lang="stylus" rel="stylesheet/stylus">
  .home {
    width 100%
    height 100%
    .van-swipe {
      .van-swipe__track {
        .van-swipe-item {
          .swipe-img {
            width 100%
            height 4rem
            color #000
          }
        }
      }
    }
  }
</style>
